<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script src = "json.js"></script>
	<script>
		window.onload = function () {
			var jsons = document.getElementById("jsons");

			jsons.onmouseover = function () {
				startMoves(jsons,{
					"width" : 400,
					height : 200,
					opacity : 30
				})
			}

			jsons.onmouseout = function () {
				startMoves(jsons,{
					width : 200,
					height : 100,
					opacity : 100
				})
			}
		}
	</script>
	<style>
		#jsons {
			margin:50px;
			width:200px;
			height:100px;
			border:4px solid #000;
			background:#666;
		}
	</style>
</head>
<body>
	<div id = "jsons">
		
	</div>
	<script>
		/*var json = {
		a : 12,
		b :23
	}
	for(var i in json) {
		alert(i)  //取出来json里的键
		alert(json[i]);  //取出来json里的值
	}*/
	</script>
</body>
</html>